#{extends 'main.html' /}
#{set 'moreStyles'}
	#{stylesheet 'utilisateur.css' /}
	#{stylesheet 'liste_course.css' /}
#{/set}
#{set title:'Transat' /}

<div id="authentification">
	
	#{if is_auth}
		<div id="user_pseudo">${user.pseudo}</div>
		<a id="mon_profil_link" href="@{Utilisateurs.index()}">Mon profil</a>
		<a id="deconnexion" href="@{Secure.logout}">Déconnexion</a>
	#{/if}
	#{else}
		#{form @Secure.authenticate()}
				
			#{if flash.error}
				<p class="error">
					&{flash.error}
				</p>
			#{/if}
			#{if flash.success}
				<p class="success">
					&{flash.success}
				</p>
			#{/if}
		
			<p id="username-field">
				<label for="username">&{'secure.username'}</label>
				<input type="text" name="username" id="username" value="${flash.username}" />
			</p>
			<p id="password-field">
				<label for="password">&{'secure.password'}</label>
				<input type="password" name="password" id="password" value="" />
			</p>
			<p id="remember-field">
				<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
				<label for="remember">&{'secure.remember'}</label>
			</p>
	
			<div id="mdp_perdu"><a href="@{Utilisateurs.mdpPerdu}">Mot de passe oublié ?</a></div>
			
			<p id="signin-field">
				<input type="submit" id="signin" value="&{'secure.signin'}" />
			</p>
			
		#{/form}
	
		<div id="pas_encore_inscrit">
			<a href="@{Utilisateurs.inscription}">Nouveau membre, je m'inscris</a>
		</div>
	#{/else}
</div>	

<h1>Bienvenue sur Transat !</h1>



<div id="liste_course_cours">
	<h3>Courses en cours</h3>
	#{if courses.size() > 0}
		<table>
			<tr>
				<th>Nom</th>
				<th>Départ</th>
				<th>Arrivée</th>
				<th>Date Fin</th>
				<th>Nb participants</th>
				<th>Action</th>
			</tr>
			#{list items:courses, as:'course'}
				<tr>
					<td>${course.titre_course}</td>
					<td>${course.modele.ville_depart.nom_ville}</td>
					<td>${course.modele.ville_arrivee.nom_ville}</td>
					<td>${course.getDateFormater(course.date_fin_course)}</td>
					<td>${course.getNbParticipant()}</td>
					<td><a href="@{Courses.voir(course.id)}">Voir</a></td>
				</tr>
			#{/list}
		</table>
	#{/if}
	#{else}
		<p>Il n'y a aucune course en cours</p>
	#{/else}
</div>
